<html>

<link rel = "stylesheet" type = "text/css" href = "style.css">

<body>

<div id="container">
    <nav id="navigation">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">Settings</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Saved files</a></li>
            <li><a href="">Friends</a></li>
            <li><a href="">Credits</a></li>
        </ul>
    </nav>
</div>

<div id = "top">top danny's Game
    <div class="top-left">left
    </div>
<div class="top-middle">Welcome</div>
    <button id="username" onclick="getUserName();">get username</button>

<div class="top-right">date:</div>
</div>

<div id="middle">
    <button id="demo" onclick="displayMessage();">click me</button>
<button id="age" onclick="getage();">me and moms ages</button>
</div>

<div id="bottom">
    bottom
    <div class="bottom-left">left</div>
    <div class="bottom-middle">middle</div>
    <div class="bottom-right"></div>
    </div>
<script type="text/javascript" src="script.js"></script>

</body>

</html>


